<notempty name="data">
<volist name="data" id="race">
    <li class="right-item">
        <div class="right-item-head">
            <a href="/match-group-{$race.id}">
                <p class="game-logo">
                    <img data-original="{$race.cover}" class="lazy" src="__ASSET__/Home/v4/src/images/match-default.jpg"/>
                </p>
                <p class="game-info">
                    <span class="game-title">{$race.title}</span>
                    <span class="game-time game-time1">{$race.race_hour}</span>
                </p>
           </a>
        </div>
        <div class="right-item-content display-box white-bg">
                <div class="right-team1 left">
                    <p class="right-team1-logo">
                        <img src="{$race['team'][0]['logo']}" alt="{$race['team'][0]['name']}"/>
                    </p>
                    <p class="team-name1">{$race['team'][0]['name']}</p>
                </div>
                <div class="game-score box-flexo">
                    <div class="score-num font24">
                        <b class="num1">{$race['score'][0]}</b>
                        <b class="num">:</b>
                        <b class="num2">{$race['score'][1]}</b>
                    </div>
                    <div class="schedule">
                        <volist name="race.races" id="race_id" key="index">
                            <a href="/match-detail-{$race_id}">{$index}</a>
                        </volist>
                    </div>
                </div>
                <div class="right-team1 left">
                    <p class="right-team1-logo">
                        <img src="{$race['team'][1]['logo']}" alt="{$race['team'][1]['name']}"/>
                    </p>
                    <p class="team-name1">{$race['team'][1]['name']}</p>
                </div>
        </div>
    </li>
</volist>
</notempty>